<template>
  <div class="com_div com_div_area">
    <div class="com_left">
      <div class="span"><span>{{this.item_data.attrName}}</span></div>
    </div>
    <div class="com_right">
      <div class="com_right_area">  
        <el-input
          type="textarea"
          :rows="2"
          placeholder="请输入内容"
          resize="none"
          v-model="attrValue">
        </el-input>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {
    
  },
  mounted() {
    this.attrValue = this.item_data.attrValue;
  },
  props:{
    item_data: Object,
  },
  watch:{
    attrValue:{
      handler: function(newValue){
        this.item_data.attrValue = newValue;
      },
    },
    item_data:{
      handler: function(newValue){
        this.attrValue = newValue.attrValue;
      },
    }
  },
  data() {
    return {
      attrValue: "",
    }
  },
  methods: {
    
  },
}
</script>

<style>
.com_div_area{
  height: 70px;
}
.com_right_area{
  margin-top: 5px;
}
</style>